<!-- ToDo: Integrate youtube search (https://developers.google.com/youtube/v3/docs/search/list) \r\n PATH: portal-app/app/app-shared/components/youtube-editor/youtube-editor.js -->
<!-- <div class="form-group">
    <label class="control-label" ng-if="$ctrl.isShowTitle">Keyword</label>    
    <input class="form-control form-control-sm" type="text" 
        placeholder="Enter keyword and press enter" 
        ng-model-options="{debounce: 1000}"
        ng-enter="$ctrl.searchVideo()" 
        ng-model="$ctrl.keyword">
</div> -->
<div class="form-group">
    <label class="control-label" ng-if="$ctrl.isShowTitle">Youtube code</label>    
    <input class="form-control form-control-sm" type="text" placeholder="youtube code" ng-change="$ctrl.loadVideo()" ng-model="$ctrl.code">
</div>
<div class="youtube" data-embed="{{$ctrl.src}}" ng-init="$ctrl.loadVideo()">        
    <div ng-if="$ctrl.isPlay">
            <iframe allowfullscreen="" ng-src="{{$ctrl.src}}"></iframe>
    </div>
    <img ng-if="!$ctrl.isPlay" ng-src="{{$ctrl.img}}"/>
        <div ng-if="!$ctrl.isPlay" class="play-button" ng-click="$ctrl.playVideo()"></div>
</div>